<template>
  <div>
    <h2>这个一个demo组件</h2>
    <!-- 网络传输协议： http:// ||  htpps:// -->
    <!-- http  -->
    <!-- https  ===>   http+ ssl 更加的安全， 效率没有http高， -->

    <!-- 请求方式
        - get     查询数据
        - post    新增数据
        - put     修改数据
        - patch   修改数据
        - delete  删除数据
     -->
    <!-- 请求参数
        - 查询参数   query
           - params:{uname:zs,age=18}   =====>  http://www.itcast.cn?uname='zs'&age=18
           - 任何请求方式(get,post,put,patch,delete)都可以
        - 请求体参数  body
           - data: {name:'总裁部门',code:6666} 在请求的报文中，（请求对象的信息中 payload）
           - 相对要查询参数更加的安全，传入的数据大小可以传入 体积大的内容
           -  支持的请求方式 （post,put,patch）
        - 路径参数
          - http://192.168.60.208:3000/article/12/detail.html     写在请求的路径
          - 通常用于跨页面传递数据
     -->
    <!-- 怎么查看接口文档？？？
      接口---哪几个方面
        - 请求的路径
        - 请求的方式
        - 请求参数
        - 返回的数据及格式
      -->
  </div>
</template>

<script>
import { getQuery } from '@/api/demo'
export default {
  components: {

  },
  created() {
    this.loadQuery()
  },
  methods: {
    async  loadQuery() {
      const res = await getQuery({ uname: 'zs', age: 18 })
      console.log(res, 'sjkajkjdkajkdsjdkasjkjdjksjkjdksa')
    }
  }
}
</script>

<style>

</style>
